import React, { Component } from 'react';
import './../topics.scss';
import { Link } from 'react-router-dom';
class Com extends Component {
    constructor (props) {
        super(props);
        this.state = {}
    }

    render () {
        return(
            <div className="topicRight">
                <div className="topic-top">
                    <div className="right-Top">
                        <img src="https://user-gold-cdn.xitu.io/2018/5/27/163a0f36c521fec1?imageView2/1/w/300/h/144/q/85/format/webp/interlace/1" alt=""/>
                    </div>
                    <div className="right-content">
                        <div className="right-Img">
                            <img src="https://user-gold-cdn.xitu.io/2018/5/27/163a0f36c521fec1?w=800&h=600&f=jpeg&s=680346" alt=""/>
                        </div>
                        <b>今天学到了</b>
                        <button>关注</button>
                        <h5>话题介绍：</h5>
                        <span>日拱一卒，功不唐捐。<br/>
                        一起来分享下你今天听到的有意思的事情，或者学习的冷知识。</span>
                    </div>
                    <div className="right-item">
                        <li>
                            <b>1437</b>
                            <span>沸点</span>
                        </li>
                        <li>
                            <b>2753</b>
                            <span>关注</span>
                        </li>
                    </div>
                </div>
                <div className="topic-footer">
                    <div className="footer-title">
                        <span>共有1914人参加</span>
                        <Link to="/topic">全部 ></Link>
                    </div>
                    <div className="footerImg">
                        <ul>
                            <li>
                                <Link to="/">
                                    <img src="http://img4.2345.com/duoteimg/zixunImg/local/2016/04/15/14607106535092.png" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://img4.2345.com/duoteimg/zixunImg/local/2016/04/15/14607106535092.png" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://img4.2345.com/duoteimg/zixunImg/local/2016/04/15/14607106535092.png" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://img4.2345.com/duoteimg/zixunImg/local/2016/04/15/14607106535092.png" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://img4.2345.com/duoteimg/zixunImg/local/2016/04/15/14607106535092.png" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://pic.qqtn.com/up/2019-1/2019010208012637495.jpg" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://pic.qqtn.com/up/2019-1/2019010208012637495.jpg" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://pic.qqtn.com/up/2019-1/2019010208012637495.jpg" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://pic.qqtn.com/up/2019-1/2019010208012637495.jpg" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://pic.qqtn.com/up/2019-1/2019010208012637495.jpg" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://pic.qqtn.com/up/2019-1/2019010208012637495.jpg" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            <li>
                                <Link to="/">
                                    <img src="http://pic.qqtn.com/up/2019-1/2019010208012637495.jpg" alt=''/>
                                    <span>dkl520</span>
                                </Link>
                            </li>
                            
                        </ul>
                    </div>
                </div>
            </div>

            )
    }
}
export default Com;